



function init(){
    $(".section-cate li").on('click',function(){
        console.log($(this).index())
        $(this).addClass('cur').siblings().removeClass('cur')
        $('.cate-container').eq($(this).index()).addClass('cate-cur').siblings().removeClass('cate-cur')
    })
    if(!common.isMobile()) {
        $('.cate-tag>li').hover(function(){
            $('.cate-tag>li').removeClass('cur')
            $(this).addClass('cur')
            $('.list-panel-box').hide()
            $(".list-panel-box").eq($(this).index()).show()
        })
    } else {
        $('.cate-tag>li').click(function(){
            $('.cate-tag>li').removeClass('cur')
            $(this).addClass('cur')
            $('.list-panel-box').hide()
            $(".list-panel-box").eq($(this).index()).show()
        })
        // 移动端加上动画
        $(".section-cate,.cate-title,.cate-canvas").addClass("animate__animated animate__fadeInUp")
       
    }

    $(".listBtn").click(function(){
        if($(this).hasClass('limit')||$(this).hasClass('numTitle')){
            console.log(111111)
            $(this).siblings().removeClass('checked')
            $(this).addClass('checked')
        }else{
            $(this).parent().find('.limit').removeClass('checked')
            $(this).toggleClass('checked')
        }
        if($(this).parent().find('.checked').length<=0&&!$(this).hasClass('numTitle')){
             $(this).parent().find('.limit').addClass('checked')
        }
    })
   

}
function createModal(){
    let btn = $('.create-btn')
    let box = $('#sampleValuation')
    let boxbg = $('.sampleModel')
    btn.on('click', function(){
        console.log('111')
        box.show()
        boxbg.show()
    })

    $(".samOpreatItem").on('click',function(){
        $(this).addClass('checked').siblings().removeClass('checked')
    })

    $(".samClose").on('click', function(){
        box.hide()
        boxbg.hide()
    })
    
    $(".gjBtn").on('click', function(){
       
        var listBtnChecked = $('.listBtn.checked')
        var SampleSex = ''
        var SampleEducation = ''
        var SampleAge = ''
        var SampleCity = ''
        var QuestionNum = ''
        var SampleNum = ''
        var VisitorType = ''
        var VisitorName = ''
        var MobilePhone = ''
        var verify = true

        for(var i = 0;i<listBtnChecked.length;i++){
            if($(listBtnChecked[i]).attr('data-type')==='SampleSex'){
                if(!SampleSex){
                    SampleSex = $(listBtnChecked[i]).text()
                }else{
                    SampleSex+= '|'+$(listBtnChecked[i]).text()
                }
            }
            if($(listBtnChecked[i]).attr('data-type')==='SampleEducation'){
                if(!SampleEducation){
                    SampleEducation = $(listBtnChecked[i]).text()
                }else{
                    SampleEducation+= '|'+$(listBtnChecked[i]).text()
                }
            }
            if($(listBtnChecked[i]).attr('data-type')==='SampleAge'){
                if(!SampleAge){
                    SampleAge = $(listBtnChecked[i]).text()
                }else{
                    SampleAge+= '|'+$(listBtnChecked[i]).text()
                }
            }
            if($(listBtnChecked[i]).attr('data-type')==='SampleCity'){
                if(!SampleCity){
                    SampleCity = $(listBtnChecked[i]).text()
                }else{
                    SampleCity+= '|'+$(listBtnChecked[i]).text()
                }
            }
            if($(listBtnChecked[i]).attr('data-type')==='QuestionNum'){
                if(!QuestionNum){
                    QuestionNum = $(listBtnChecked[i]).text()
                }else{
                    QuestionNum+= '|'+$(listBtnChecked[i]).text()
                }
            }
        }
         //获取回收数量
         SampleNum = $('#SampleNum').val()
         // 校验回收数量
         if(SampleNum.trim().length<=0){
             $('.hsNumError').text('请填写回收数量')
             $('.hsNumError').css('display','flex')
             verify = false
         }else{
             var reg = /^(0|[1-9][0-9]*)$/;
              if (!reg.test(SampleNum)) {
                 $('.hsNumError').text('请填写正整数')
                 $('.hsNumError').css('display','flex')
                 verify = false
             }else{
                  $('.hsNumError').css('display','none')
             }
         }
         // 获取个人 或企业信息
         VisitorType = $('.samOpreatItem.checked').attr('data-type')
         if(!$('.samOpreatItem.checked').find('.samlabelInp').val()){
             $('.samOpreatItem.checked').find('.samlabelInpError').css('display','flex')
             verify = false
         }else{
              $('.samOpreatItem.checked').find('.samlabelInpError').css('display','none')
         }
         //获取个人或者企业名
         VisitorName = $('.samOpreatItem.checked').find('.samlabelInp').val()
         //手机号校验
         MobilePhone = $('#MobilePhone').val()
         if(MobilePhone.trim().length<=0){
             $('.tleInpError').text('请填写您的手机号码')
             $('.tleInpError').css('display','flex')
             verify = false
         }else{
             var reg = /^1[3-9]\d{9}$/;
              if (!reg.test(MobilePhone)) {
                 $('.tleInpError').text('请填写正确的11位数手机号码')
                 $('.tleInpError').css('display','flex')
                 verify = false
             }else{
                  $('.tleInpError').css('display','none')
             }
         }
         if(verify){
            box.hide()
            boxbg.show()
            $('.smapleInnerDialog').show()
            let price = 0;
            if(QuestionNum==='20题及以上'){
                price = 10
            }else{
                price = 5
            }
           
            $('.inner_code_copy').text('复制微信号')
            $('.inner_price_num').text('单个样本'+price+'元起')
            var clipboard = new ClipboardJS('.inner_code_copy');
            clipboard.on('success', function(e) {
                $('.inner_code_copy').text('已复制')
                e.clearSelection();
            });
            clipboard.on('error', function(e) {
                alert('当前浏览器不支持该复制功能，请手动复制')
            });
            let params = {
                SampleSex:SampleSex,
                SampleEducation:SampleEducation,
                SampleAge:SampleAge,
                SampleCity:SampleCity,
                QuestionNum:QuestionNum,
                SampleNum:SampleNum,
                VisitorType:VisitorType,
                VisitorName:VisitorName,
                MobilePhone: MobilePhone,
                Source: null,
                BaiduVip: null,
                MediaType: 'pc'
            }
            addVisitorDemand(params)
        }


      
    })
    $(".inner_close").on('click',function(){
        $('.smapleInnerDialog').hide()
        boxbg.hide()
    })
}
 // 保存估计信息
 function addVisitorDemand(params) {
    return new Promise((resolve) => {
        ajax_post(`${host}/Home/addVisitorDemand`, true, params,
        (res) => {
            console.log(res)
            resolve(res)
            window._agl && window._agl.push(['track', ['success', {t: 3}]])
        });
    });
}


/*
*窗口滚动到当前元素才显示动画效果
*classname 当前元素的类名
*effect     要添加的动效类名 参照网址：https://www.dowebok.com/demo/2014/98/*注：需事先引用好animate.min.css 下载地址：https://pan.baidu.com/s/1ntFjwAt
*/
function then_show (classname,effect) {
    $(window).scroll(function(){
        var curr_element = $('.'+classname);
        var active_class = 'animate__animated animate__'+effect;
        var scroll_h = $(window).scrollTop()+$(window).height();
        var self_top = curr_element.offset().top;
        var self_h = curr_element.height();
        if( (scroll_h > self_top + self_h/2) &&  ( $(window).scrollTop() < self_top + self_h/2) ){
            // 显示动画效果
        curr_element.addClass(active_class);
        }else{
        // 退出动画效果（设置后当重新回到可视区可再次显示动效）
        
        
        }
    })
}

// then_show('banner-txt','fadeInUp');// 调用
if(!common.isMobile()){
    then_show('section-cate','fadeInUp')
    then_show('cate-title','fadeInUp');// 调用
    then_show('cate-canvas','fadeInUp');// 调用
    
}
then_show('cate-tag-box','fadeInUp');// 调用
then_show('cate-list-container','fadeInUp');// 调用
then_show('section-title','fadeInUp');// 调用
then_show('section-container','fadeInUp');// 调用
init()
createModal()

$(function(){
    if(location.href.indexOf("?") >= 0) {
        var index = location.href.split("?")[1].split("=")[1] - 1
        $(".section-cate li").eq(index).addClass('cur').siblings().removeClass('cur')
        $('.cate-container').eq(index).addClass('cate-cur').siblings().removeClass('cate-cur')
    }
})